<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    王兵同学你真帅
    <ul>
        <li>王兵同学你真帅~</li>
        <li>王兵同学你真帅~</li>
    </ul>
    <ul>
        <li>>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <ol type="a" start="26">
        <li>001</li>
        <li>002</li>
        <li>003</li>
        <li>004</li>
        <li>005</li>
    </ol>
    <!-- 
        默认的符号其实是父级标签的，只不过没有子级时候，符号是不显示的
     -->
    <!-- 
         > 子级
         + 同级 
        -->
    <dl>
        <dt>名词</dt>
        <dd>名词的解释</dd>
    </dl>
    <dl>
        <dt>蔡徐坤</dt>
        <dd>唱跳rap篮球~music</dd>
    </dl>
</body>

</html>
<!-- 
    列表的使用:无序列表、有序列表、自定义列表
        无序列表的使用
            - 标签的名称:嵌套关系的标签 ul>li
            - 默认样式
                - 列表是有默认符号的(黑色的实心圆)
                - 缩进效果
                - 列表独占一行并换行
            - 作用:新闻页面
        
        有序列表的使用
            - 标签名称:ol>li
            - type:类型 
            - start:开始 只能接数字
            - 作用:轮播图

        自定义列表
            - 标签名称:
 -->